<script setup lang="ts">
const abc = ref('red')
</script>

<template>
  <div class="text mt-2" :style="{ color: abc }">
    hello1
  </div>
  <div class="text">ee</div>
  <span class="text-primary">Primary text</span>

</template>

<style>
.text {
  color: v-bind(abc);
}
</style>
